@import "../../../style/default";

.subtotalContainer {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  .#{$style-prefix}-formly-base {
    .#{$style-prefix}-form-item-label {
      font-weight: 700;
    }
    .#{$style-prefix}-input {
      text-align: right;
      border: 0;
      border-radius: 0;
    }
    textarea {
      width: 100% !important;
      height: 50px;
      border: 1px solid #cfcfcf;
      border-top-style: none;
      border-right-style: none;
      border-left-style: none;
      &:focus {
        outline-color: #fff;
      }
    }
  }
}

.subtotalRight {
  > .#{$style-prefix}-row {
    margin-right: 20px;
    max-width: 250px;
  }
  formly-field {
    &:first-child {
      .#{$style-prefix}-formly-base {
        > div {
          border-top: 1px solid #e6e6e6;
          padding-top: 4px;
        }
      }
    }
    &:last-child {
      .#{$style-prefix}-formly-base {
        > div {
          border-top: 1px solid #e6e6e6;
          padding-top: 4px;
        }
        .#{$style-prefix}-form-item-label {
          font-weight: 500;
        }
        .#{$style-prefix}-input {
          font-weight: 700;
        }
      }
    }
  }
}

